/**
 * Desc
 * @description Holp You Do Good But Not Evil
 * @copyright   Copyright 2014-2015 <ycchen@iwshop.cn>
 * @license     LGPL (http://www.gnu.org/licenses/lgpl.html)
 * @author      Chenyong Cai <ycchen@iwshop.cn>
 * @package     Wshop
 * @link        http://www.iwshop.cn
 *//* 
    Created on : 2015-4-6, 20:56:31
    Author     : Administrator
*/

@import 'base.less';

.albumView{
    padding-top: 50px;
    background: url('../images/backgrounds/body_repeat.jpg') repeat;
}

#TimeLine{
    padding-top: 15px;
    width: 1050px;
    margin: 0 auto;
    padding-bottom:30px;
    .wrap{
        border-left: 3px solid #ccc;
        padding-bottom:10px;
        margin-left: 107px;
        padding-left:16px;
        position:relative;
        .time{
            position: absolute;
            left:-110px;
            top:27px;
            background: #fff;           
            padding:2px 5px;
            .borderRadius(3px);    
            color:#555;
            &:hover{
                .boxShadow(0.08, 0px ,0px ,10px);
            }
        }
        .item{
            float:left;
            position: relative;
            transition-duration: .2s;
            .borderRadius(3px);
            padding:10px;
            padding-bottom:0;
            padding-right:0;
            .backG();
            .photo{
                float:left;
                width:104px;
                height:104px;
                margin-right:10px;
                margin-bottom:10px;
                img{
                    width: 104px;
                    height:104px;
                    transition-duration: .2s;
                    &:hover{
                        opacity: .9;
                        transform: scale(1.02);
                    }
                }
            }
            .arrow,.arrow2{
                position: absolute;
                left: -32px;
                top: 20px;
                border:16px solid transparent;
                border-right-color: #dedede;
            }
            .arrow2{
                left: -32px;
                border-right-color: #fff;
            }
            .point{display:block; left:-29px; top:27px; width:22px; height:22px; background:url(../images/icons/icons.png)-138px 0 no-repeat; z-index:9; position:absolute; cursor:default; }
            &:hover{
                .boxShadow(0.08, 0px ,0px ,10px);
            }
        }
        &:last-child{
            padding-bottom: 0;
        }
    }
}